<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
  <title>动态添加表格</title>
  <script type="text/javascript">
      function addElement() {
          var addEle= document.createElement("div");

      }
      function deleteEle(){

      }
      function replaceEle(){

      }
  </script>
</head>
<body>
<center>
      <table border="1px" cellspacing="0px">
          <tr>
            <th>学号</th>
            <th>姓名</th>
            <th>学校名称</th>
            <th>操作</th>
          </tr>
          <tr>
              <td>18431</td>
              <td>吴杰</td>
              <td>延安大学西安创新学院</td>
              <td><input type="button" value="修改" onclick="replaceEle()"><input type="button" value="删除" onclick="deleteEle()"></td>
          </tr>
      </table><br>
    <input type="button" onclick="addElement()" value="添加">

    <div>
        <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>学校名称</th>
        <th>操作</th>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td><input type="button" value="保存" onclick="save()"></td>
        </tr>
    </div>
</center>
</body>
</html>